<div class="modal-content">
    <div class="modal-header">
        <h3 class="modal-title">{{ info.configTitle }}</h3>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-sm-12" style="line-height: 32px; margin-bottom: 10px;">
                <div class="form-group matrix-lable-left">
                    <label class="col-sm-2 control-label">应用名称：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" placeholder="请输入应用名称" ng-model="info.configName">
                    </div>
                </div>
            </div>
            <div class="col-sm-12" style="line-height: 32px; margin-bottom: 10px;">
                <div class="form-group matrix-lable-left">
                    <label class="col-sm-2 control-label">应用类型：</label>
                    <div class="col-sm-8">
                        <m-ui-select prompt="请选择应用类型"
                                     itme-list="info.configTypeList"
                                     selected-item="info.sltConfigTypeItem">
                        </m-ui-select>
                    </div>
                </div>
            </div>
            <div class="col-sm-12" style="line-height: 32px; margin-bottom: 10px;">
                <div class="form-group matrix-lable-left">
                    <label class="col-sm-2 control-label">应用地址：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" placeholder="请输入应用地址" ng-model="info.configUrl"/>
                    </div>
                </div>
            </div>
            <div class="col-sm-12" style="line-height: 32px; margin-bottom: 10px;">
                <div class="form-group matrix-lable-left">
                    <label class="col-sm-2 control-label">启动顺序：</label>
                    <div class="col-sm-8">
                        <input ui-jq="TouchSpin" type="text" ng-model="info.configOrder" class="form-control" data-min='0' data-max="100" data-verticalbuttons="true" data-verticalupclass="fa fa-caret-up"  data-verticaldownclass="fa fa-caret-down">
                    </div>
                </div>
            </div>
            <div class="col-sm-12" style="line-height: 32px; margin-bottom: 10px;">
                <div class="form-group matrix-lable-left">
                    <label class="col-sm-2 control-label">配置文件：</label>
                    <div class="col-sm-8">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入要查找的配置文件路径" ng-model="info.configSearchUrl">
                            <span class="input-group-addon" style="cursor: pointer;" ng-click="searchFileByUrl()">查找</span>
                        </div>
                        <div class="input-group" style="margin-top: 10px; margin-bottom: 10px;" ng-if="info.showConfigFileList">
                            <m-ui-select prompt="请选择文件"
                                         itme-list="info.configFileArray"
                                         selected-item="info.sltConfigFileItem">
                            </m-ui-select>
                            <span class="input-group-addon" style="cursor: pointer;" ng-click="addConfigFile()"><i class="fa fa-plus"></i></span>
                        </div>
                        <div ng-repeat="file in info.configFileList">
                            <a>{{ file.name }}</a>&nbsp;&nbsp;&nbsp;
                            <i class="fa fa-times" style="cursor: pointer;" ng-click="removeFile(file)"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12" style="line-height: 32px; margin-bottom: 10px;">
                <div class="form-group matrix-lable-left">
                    <label class="col-sm-2 control-label">端口映射：</label>
                    <div class="col-sm-8">
                        <div>
                            <div class="col-sm-4">
                                <input type="number" class="form-control" placeholder="请输入端口" ng-model="info.leftPortValue">
                            </div>
                            <div class="col-sm-2" style="text-align: center;">
                                <i class="fa fa-arrows-h"></i>
                            </div>
                            <div class="col-sm-4">
                                <input type="number" class="form-control" placeholder="请输入端口" ng-model="info.rightPortValue">
                            </div>
                            <div class="col-sm-2">
                                &nbsp;&nbsp;&nbsp;
                                <i class="fa fa-plus" style="cursor: pointer;" ng-click="addPort(port)"></i>
                            </div>
                        </div>
                        <div ng-repeat="port in info.configPortList">
                            <div class="col-sm-4">
                                <a>{{ port.leftValue }}</a>
                            </div>
                            <div class="col-sm-2" style="text-align: center;">
                                <i class="fa fa-arrows-h"></i>
                            </div>
                            <div class="col-sm-4">
                                <a>{{ port.rightValue }}</a>
                            </div>
                            <div class="col-sm-2">
                                <i class="fa fa-times" style="cursor: pointer;" ng-click="removePort(port)"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12" style="line-height: 32px; margin-bottom: 10px;">
                <div class="form-group matrix-lable-left">
                    <label class="col-sm-2 control-label">支持区域：</label>
                    <div class="col-sm-8">
                        <ui-select multiple ng-model="info.configSelectAreaList" theme="bootstrap" ng-disabled="disabled" style="line-height: 32px; padding: 0px 10px;">
                            <ui-select-match placeholder="请输入查找区域名称">{{$item.crtname}} &lt;{{$item.zone_alias}}&gt;</ui-select-match>
                            <ui-select-choices repeat="area in info.configAreaList | propsFilter: {crtname: $select.search, zone_alias: $select.search}">
                                <div ng-bind-html="area.crtname | highlight: $select.search"></div>
                                <small>
                                    别名：<span ng-bind-html="''+area.zone_alias | highlight: $select.search"></span>
                                </small>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-primary" ng-click="createClick()">确定</button>
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="cancelClick()">取消</button>
    </div>
</div>